.logo {
            width: 1650px;
            background-color: #eef3fb;
        }
        .nav {
            height: 50px;
            width: 1650px;
            background-color: #eef3fb;
        }
        .nav a {
            display: inline-block;
            text-decoration: none;
            height: 50px;
            width: 179px;
            font: 18px/50px "Microsoft yahei";
            text-align: center;
            color: grey;
        }
        .nav a:hover {
            background-color: #fff;
            text-decoration: underline;
            color: red;
        }
        .middle {
            width: 1650px;
            height: 400px;
            /* background-color: thistle; */
        }
        .middle .s1 {
            display: inline-block;
            background-color: #f76920;
            width: 320px;
            height: 400px;
        }
        .middle .s2 {
            display: inline-block;
            /* background-color: red; */
            width: 1325px;
            height: 400px;
        }
        .middle .s1 a {
            display: block;
            height: 100px;
            text-decoration: none;
            color: white;
            text-indent: 2em;
            font: 24px/100px "Microsoft yahei"
        }
        .middle .s1 a:hover{
            background-color: #ffa800;
        }
        .s2 a {
            display: block;
            height: 31px;
            text-decoration: none;
            color: black;
        }
        .s2 a:hover {
            color: blue;
            background-color: #eef3fb;
            color: red; 
        }
        body {
            font: 16px 'Microsoft yahei';
        }